<script src="<?php echo base_url() ?>commons/validacion/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="<? echo base_url() ?>commons/jquery/themes/base/jquery.ui.all.css">
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.core.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.widget.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.tabs.js"></script>
<link rel="stylesheet" href="<?php echo base_url() ?>commons/jquery/themes/base/jquery.ui.all.css">
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.core.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.widget.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.mouse.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.draggable.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.position.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.resizable.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.button.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.dialog.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.effect.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.effect-blind.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.effect-explode.js"></script>
<link rel="stylesheet" href="<?php echo base_url() ?>commons/jquery/demos/demos.css">
<script>
    var t1 = jQuery.noConflict();
    t1(function() {
        t1("#tabs").tabs();
    });
</script>
<script>
    var t = jQuery.noConflict();
    function refrescarTabla() {
        //alert('xxx');
        var idpadre = t('input:radio[name=nro]:checked').val();
        
        //var link = '<?php echo $link; ?>' + '/' + idpadre;
        /*var fecha = t( "#fecha" ).val();
        var res = fecha.split("/");
        fecha = "";
        fecha = res[2]+""+res[1]+""+res[0];*/
        //rubro
        var id_rubo =  t("#cbx_rubro").val();
        var rubro="";
        var link="";
        if(id_rubo>0){
            rubro = '/'+id_rubo+'/'+t("#cbx_cuota").val();
            link = '<?php echo $link; ?>' + '/' + idpadre+rubro;
        }else{
            rubro = '/0/0';
            link = '<?php echo $link; ?>' + '/' + idpadre+rubro;
            t("#cbx_cuota").val('1');
        }
        //alert(link);
        var tipo = 'M';
        t.ajax({
            type: 'POST',
            url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/refrescarTablaCuota/',
            data: 'link=' + link+"&tipo="+tipo,
            dataType: 'html',
            success: (function(data) {
                //alert(data);
                t('#tablamatriculai').html(data);
                datos();
            })
        });

    }

    t(function() {
        t("input[name=nro]").click(function(event)
        {
            //alert('xxxdf');
            refrescarTabla();

        });
    });
    t(document).ready(function() {
        refrescarTabla();
    });
    t(document).ready(function() {
        t("#cbx_rubro").change(function(event)
        {
            refrescarTabla();
        });
    });  
    t(document).ready(function() {
        t("#cbx_cuota").change(function(event)
        {
            if(t("#cbx_rubro").val()>0){
                
                refrescarTabla();
            }
        });
    });
    
</script>
<form class="well form-horizontal span8" action="<?php echo base_url() . "admin.php/listado_estudiantes_controlador/index" ?>" method="post">
    <legend>LISTADO DE ESTUDIANTES</legend>
    <div class="control-group">
        <table style="border-spacing: 10px; border-collapse: separate;" >
            <tr>
                <td>
                    <label style="font-weight: bold">PERIODO ACADÉMICO:</label>
                </td>
                <td>
                    <label><?php echo $reporte[0]['descripcion_lec']; ?></label>
                </td>
            </tr>
            <tr>
                <td>
                    <label style="font-weight: bold">CARRERA:</label>
                </td>
                <td>
                    <label><?php echo $reporte[0]['nombre_car']; ?></label>
                </td>
            </tr>
            <tr>
                <td>
                    <label style="font-weight: bold">CICLO:</label>
                </td>
                <td>
                    <label><?php echo $reporte[0]['nombre_cic']; ?></label>
                </td>
            </tr>
            <tr>
                <td>
                    <label style="font-weight: bold">SECCIÓN:</label>
                </td>
                <td>
                    <label><?php echo $seccion; ?></label>
                </td>
            </tr>
            <tr>
                <td>
                    <label style="font-weight: bold">MATERIA:</label>
                </td>
                <td>
                    <label><?php echo $reporte[0]['nombre_mat']; ?></label>
                </td>
            </tr>
            <tr>
                <td>
                    <label style="font-weight: bold">DOCENTE:</label>
                </td>
                <td>
                    <label><?php echo $reporte[0]['nombre_pers'] . ' ' . $reporte[0]['apellido_pers']; ?></label>
                </td>
            </tr>
            <tr>
                <td>
                    <label style="font-weight: bold">RUBROS:</label>
                </td>
                <td>
                    <select id="cbx_rubro">
                        <option value="0">Selecione un rubro</option>
                        <option value="8">Proceso de titulación</option>
                        <?php
                            /*foreach ($listaRubro as $item){
                                echo '<option value="'.$item["ide_rubro"].'">'.$item["nombre_rubro"].'</option>';
                            }*/
                        ?>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <label style="font-weight: bold">NRO DE CUOTAS:</label>
                </td>
                <td>
                    <select id="cbx_cuota">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </td>
            </tr>
        </table>
    </div>  
    
    
    
    <script>
       
       
    function datos() {
        //alert("xxx");
         var textos = new Array();
         textos[0]=<?php echo '"'.$reporte[0]['descripcion_lec'].'"'?>;
         textos[1]=<?php echo '"'.$reporte[0]['nombre_car'].'"'?>;
         textos[2]=<?php echo '"'.$reporte[0]['nombre_cic'].'"'?>;
         textos[3]=<?php echo '"'.$seccion.'"'?>;
         textos[4]=<?php echo '"'.$reporte[0]['nombre_mat'].'"'?>;
         textos[5]=<?php echo '"'.$reporte[0]['nombre_pers'] . ' ' . $reporte[0]['apellido_pers'].'"'?>;
         var tabla = document.getElementById('tabla');
         
         var arreglo= new Array();
         //alert(tabla);
         for (var i=1;i < tabla.rows.length; i++){
             
            var nro = tabla.rows[i].cells[0].innerHTML;
            
            var ape = tabla.rows[i].cells[1].innerHTML;
            var nom = tabla.rows[i].cells[2].innerHTML;
            var sel = tabla.rows[i].cells[6].getElementsByTagName("input");
            var selec = sel[0].checked;
            arreglo[i-1]=nro+":"+ape+" "+nom+":"+selec;           
         } 
        
         var datos = JSON.stringify(arreglo);
         var cabecera = JSON.stringify(textos);
         t.post("<?php echo base_url()?>admin.php/listado_estudiantes_controlador/sesionParametros",{datos: datos, cabecera: cabecera});
         //t("#reporte").html("<a href='<?php echo base_url()?>admin.php/listado_estudiantes_controlador/imprimirListaCuotasParalelo/"+datos+"/"+cabecera+"'>IMPRIMIR</a>");
         //alert(datos);
    }
    
</script>
    <div class="control-group">
        <input name="nro" value="1" type="radio" checked="true"><span>Cuota 1</span></input>
        <input name="nro" value="2" type="radio"><span>Cuota 2</span></input>
        <input name="nro" value="3" type="radio"><span>Cuota 3</span></input>
        <input name="nro" value="4" type="radio"><span>Cuota 4</span></input>
        <input name="nro" value="5" type="radio"><span>Cuota 5</span></input>
        <input name="nro" value="6" type="radio"><span>Cuota 6</span></input>
        <input name="nro" value="7" type="radio"><span>Cuota 7</span></input>
    </div>
    <div id="tablamatriculai" >        
    </div>
</form>